﻿<!-- saved from url=(0014)about:internet -->
<!doctype html>
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <title>jKinect - Kinectify your web application</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <style type="text/css">
        body
        {
            padding-top: 60px;
            padding-bottom: 40px;
        }
    </style>
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="http://jkinect.com/css/style.css" />
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/jKinect.js"></script>
</head>
<body>
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                    class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </a><a class="brand" href="http://jkinect.com/#">jKinect</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li class="active"><a href="http://jkinect.com">Home</a></li>
                        <li><a href="http://jkinect.com/index.html#about">About</a></li>
                        <li><a href="http://jkinect.com/index.html#othersProject">Our others projects</a></li>
                        <li><a href="http://jkinect.com/index.html#others">Alternatives projects</a></li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container">
        <!-- Main hero unit for a primary marketing message or call to action -->
        <div class="hero-unit" style="padding: 20px">
            <p>
                <img src="http://jkinect.com/img/logo150.png" alt="jKinect" title="jKinect" />
                - Kinectify your web site.</p>
            <div class="row offset1">
                <h4 class="">
                    Samples</h4>
                <p>
                    <ul>
                        <li><a href="Diagnostics/index.htm">Diagnostics</a></li>
                        <li><a href="Observer/index.htm">A smiley face that follows you</a></li>
                        <li><a href="GoogleMaps/earth.htm">Google Earth navigation</a></li>
                        <li><a href="ResponsiveText/index.htm">Responsive Text sample</a></li>
                        <li><a href="TwitterURD/TwitterURD.webkinect">Live Twitter Hacking for User Responsive Design (need internet access)</a></li>
                        <li><a href="Parallax/TwitterURD.webkinect">Simple Parallax sample (need internet access)</a></li>
                        <li><a href="Parallax/Parallax.webkinect">Live Parallax homepage hacking (need internet access)</a></li>
                    </ul>
                </p>
                <div id="startWithJKinectBrowser" class="modal hide">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            &times;</button>
                        <h3>
                            Explore this web site with your Kinect</h3>
                    </div>
                    <div class="modal-body">
                        <p>
                            Launch KinectWebBrowser to improve your experience:</p>
                        <p>
                            <a href="#" onclick="javascript:document.location='http://jkinect.com/jKinectBrowser.application?URL=http://jkinect.com/samples/index.htm?URL=' + encodeURI(document.location);return false;"
                                class="btn btn-primary">Start KinectWebBrowser</a> 
							<a href="https://jkinect.codeplex.com/releases/clickonce"
                                class="btn btn-warning">Install KinectWebBrowser</a></p>
                    </div>
                    <div class="modal-footer">
                        <a href="#" class="btn" data-dismiss="modal">Close</a>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <footer>
      </footer>
    </div>
    <script type="text/javascript">
        var _gaq = [['_setAccount', 'UA-2662908-3'], ['_trackPageview']];
        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
        $().ready(function () {
            jKinect.initKinect(true, false,
                function () { $("#startWithJKinectBrowser").modal(); },
                function () { }
            );
        });
    </script>
</body>
</html>
